<div class="monitor-tab-div">
    <!-- 基本信息 -->
    <div class="m-panel">
    	<div class="m-panel-title">
    		<span>基本信息</span>
    	</div>
    	<div class="m-panel-body base-info-div">
    		<form class="bs-example form-horizontal xs-form">
                <div id="base_info_monitor_div">
                    <div class="form-group">
                        <label class="col-lg-2 control-label">监控器名称：</label>
                        <label class="col-lg-4 control-label tl" data-id="monitorName"></label>
                        <label class="col-lg-2 control-label">监控器类型：</label>
                        <label class="col-lg-4 control-label tl" data-id="monitorTypeName"></label>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">接口数量：</label>
                        <label class="col-lg-4 control-label tl" data-id="interfaceCount"></label>  
                        <label class="col-lg-2 control-label"></label>
                        <label class="col-lg-4 control-label tl" data-id=""></label>
                    </div>
                </div>
                <div id="asset_info_monitor_div">
                    <div class="form-group">
                        <label class="col-lg-2 control-label">被监控资产名称：</label>
                        <label class="col-lg-4 control-label tl" data-id="assetName"></label>
                        <label class="col-lg-2 control-label">资产类型：</label>
                        <label class="col-lg-4 control-label tl" data-id="assetTypeName"></label>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">IP：</label>
                        <label class="col-lg-4 control-label tl" data-id="mainIp"></label>
                        <label class="col-lg-2 control-label">管控域：</label>
                        <label class="col-lg-4 control-label tl" data-id="securityDomainName"></label>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">操作系统：</label>
                        <label class="col-lg-4 control-label tl" data-id="osTypeName"></label>
                        <label class="col-lg-2 control-label" style="display: none;">物理位置：</label>
                        <label class="col-lg-4 control-label tl" data-id="locationCbName" style="display: none;"></label>
                    </div>
                </div>
            </form>
    	</div>
    </div>

    <div class="box">
        <div class="box-item" style="flex:1;width:50%;">
            <!-- CPU/内存使用率-->
            <div class="m-panel">
                <div class="m-panel-title">
                    <span>CPU使用率</span>
                </div>
                <div class="m-panel-body">
                    <div id="cpu_use_line_chart" class="monitor-chart" style="height:210px"></div>
                </div>
            </div>
        </div>
        <div class="box-item" style="width:50%">
            <!-- 内存当前使用信息 -->
            <div class="m-panel">
                <div class="m-panel-title">
                    <span>内存当前使用信息</span>
                </div>
                <div class="m-panel-body">
                    <div id="memory_use_line_chart" class="monitor-chart" style="height:210px"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="box">
        <div class="box-item" style="width:100%">
            <!-- 内存当前使用信息 -->
            <div class="m-panel">
                <div class="m-panel-title">
                    <span>主板温度</span>
                </div>
                <div class="m-panel-body">
                    <div id="mainboard_line_chart" class="monitor-chart" style="height:210px"></div>
                </div>
            </div>
        </div>
        
    </div>

    <!-- 接口面板 -->
    <div class="m-panel">
        <div class="m-panel-title">
            <span>接口面板</span>
        </div>
        <div class="m-panel-body" style="height:auto;min-height:350px;">
            <div class="col-lg-12 h-all" id="interface_info"></div>
        </div>
    </div>
</div>

<div class="monitor-tab-div" data-type="event"></div>


<script type="text/javascript">
$(document).ready(function (){
require(['/js/plugin/monitor/catagory/dptech_fw.js'] ,function (dptech_fw){

var urlParamObj = index_query_param_get()

view_init()

function view_init()
{
    urlParamObj.time = $("#query_time_label").text()
    urlParamObj.inputTime = $("#query_time_label").text()
    urlParamObj.edId = urlParamObj.assetId
    dptech_fw.base_info(urlParamObj)
    dptech_fw.cpu_use_chart($("#cpu_use_line_chart") ,urlParamObj,"cpu")
    dptech_fw.cpu_use_chart($("#memory_use_line_chart") ,urlParamObj,"memory")
    dptech_fw.mainboard_chart($("#mainboard_line_chart") ,urlParamObj)
    dptech_fw.interface_render($("#interface_info") ,urlParamObj)
}

window.index_monitor_init = function ()
{
    view_init()
}
})
})